<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./styles/index.css">
</head>
<body>
    <div class="banner" id="banner">
        <ul class="pic" id="pic">
            <li><a href="javascript:void(0)"><img src="images/1.jpg"></a></li>
            <li><a href="javascript:void(0)"><img src="images/2.jpg"></a></li>
            <li><a href="javascript:void(0)"><img src="images/3.jpg"></a></li>
            <li><a href="javascript:void(0)"><img src="images/4.jpg"></a></li>
            <li><a href="javascript:void(0)"><img src="images/5.jpg"></a></li>
            <li><a href="javascript:void(0)"><img src="images/6.jpg"></a></li>
            <li><a href="javascript:void(0)"><img src="images/7.jpg"></a></li>
        </ul>
        <ul class="dot" id="dot"></ul>
        <button class="left" id="leftBtn">&lt;</button>
        <button class="right" id="rightBtn">&gt;</button>
        
    </div>
        <script src="./scripts/index.js"></script>


</body>
</html>